/* Add here all your css styles (customizations) */
@font-face {
  font-family: 'FiraSans-Black';
  src: url('../fonts/FiraSans-Black.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-BlackItalic';
  src: url('../fonts/FiraSans-BlackItalic.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-Bold';
  src: url('../fonts/FiraSans-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-Black';
  src: url('../fonts/FiraSans-Black.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-ExtraBold';
  src: url('../fonts/FiraSans-ExtraBold.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-ExtraBoldItalic';
  src: url('../fonts/FiraSans-ExtraBoldItalic.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-ExtraLight';
  src: url('../fonts/FiraSans-ExtraLight.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-ExtraLightItalic';
  src: url('../fonts/FiraSans-ExtraLightItalic.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-Italic';
  src: url('../fonts/FiraSans-Italic.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-Light';
  src: url('../fonts/FiraSans-Light.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-LightItalic';
  src: url('../fonts/FiraSans-LightItalic.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-Medium';
  src: url('../fonts/FiraSans-Medium.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-MediumItalic';
  src: url('../fonts/FiraSans-MediumItalic.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-Regular';
  src: url('../fonts/FiraSans-Regular.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-SemiBold';
  src: url('../fonts/FiraSans-SemiBold.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-SemiBoldItalic';
  src: url('../fonts/FiraSans-SemiBoldItalic.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-Thin';
  src: url('../fonts/FiraSans-Thin.ttf')  format('truetype');
}
@font-face {
  font-family: 'FiraSans-ThinItalic';
  src: url('../fonts/FiraSans-ThinItalic.ttf')  format('truetype');
}
@font-face {
  font-family: 'BreeSerif-Regular';
  src: url('../fonts/BreeSerif-Regular.ttf')  format('truetype');
}
body{
	font-family: 'FiraSans-Regular', sans-serif;
  font-size: 17px;
  color:#494949;
}
h1, h2{
	font-family: 'BreeSerif-Regular', sans-serif;
	line-height: normal;
} 
h3, h4, h5, h6{
	font-family: 'FiraSans-Regular', sans-serif;
	line-height: normal;
}
h1{
	font-size: 40px;
}
.breeserif-regular{
  font-family: 'BreeSerif-Regular', sans-serif;
}
.firasan-medium{
	font-family: 'FiraSans-Medium', sans-serif;
}
/*HEADER*/
.courses-header.one-page-header .navbar-brand img{
	max-height: 105px;
}
.one-page-header .navbar-brand{
	padding-top: 0;
	padding-bottom: 0;
}
.nav__social .icon-custom{
    background: #1d4384;
    color: #fff;
}
.nav__social:hover .icon-custom{
	background: #0f61ec;
    color: #fff;
}
.courses-header.one-page-header .navbar-nav > li.nav__text > a, .courses-header.one-page-header .navbar-nav > li.nav__text > a:focus{
	font-family: 'FiraSans-Medium', sans-serif;
    font-weight: normal;
    color:#1d4385;
    padding: 8px 15px;
    font-size: 15px;
}

.courses-header.one-page-header .navbar-nav > .active > a, .courses-header.one-page-header .navbar-nav > .active > a:hover, .courses-header.one-page-header .navbar-nav > .active > a:focus{
	background: none;
    color:#c4161c !important;
}
.courses-header.one-page-header .navbar-nav > li.nav__text > a:hover{
    background: none;
    color:#c4161c !important;
}
@media (min-width: 992px) {
  .one-page-header.navbar .navbar-nav {
  	padding-top: 5px;
  }
}
.red-divider-top{
    border-bottom: 3px solid #c4161c;
    margin-top:0;
	margin-bottom: 15px;
}
.red-divider-bottom{
	border-top: 3px solid #c4161c;
	margin-top:15px;
	margin-bottom: 15px;
}

/*FOOTER*/
.footer{
	background:#f5f5f5;
	color:#1d4385;
}
.footer *{
	color:#1d4385;
}
.footer-logo__img{
	max-height: 105px;
}
.footer__social .icon-custom {
    background: #1d4384;
    color: #fff;
}
.footer__social:hover .icon-custom{
	background: #0f61ec;
    color: #fff;
}
.footer__subtitle{
    color: #1d4385;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'FiraSans-Medium', sans-serif;
    font-weight: bold;
}
.copyright{
	background: #1d4385;
	color:#fff;
	text-align: center;
	padding:15px 0;


}



/*Slider*/
.ms-layers-template{

}
.ms-slide .ms-promo-info{
	font-family: 'BreeSerif-Regular';
}
.ms-layer img.divider{
	max-width:69%;
}
.ms-layer img.findoutmore{
	width:300px;
	max-width:75%;
}
@media (max-width: 479px){
	.ms-layer img.findoutmore{
		width:200px;
		max-width:50%;
	}
}

.ms-bullets-count {
    position: relative;
    right: -50%;
}
.ms-bullets.ms-dir-h{
	bottom: 30px;
}
.ms-bullet {
    width: 15px;
    height: 15px;
    background: #9b9994;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -ms-background-clip: padding-box;
    margin: 4px;
    background-position: -34px -117px;
    border-radius: 15px;
}
.ms-bullet-selected {
    background-color: #fff;
}


/*Home*/
.text-v-divider{
	position:relative; 
}
.text-v-divider:before{
	content: "";
	display: inline-block;
	position:relative; 
	left:0;
	bottom: 0;
	background:#c4161c;
	width: 5px;
	height:70px;
	margin-right: 15px;
}
.background-grey{
	background:#f5f5f5;
}
.btn-mce{
    color: #c4161c;
    background: none;
    border: 2px solid #c4161c;
    border-radius: 30px;
    padding: 8px 40px;
    text-transform: uppercase;
}
.btn-mce:hover{

}

.red{
	color:#c4161c;
}
.underline{
	position: relative;
	display: inline-block;
}
.underline:after{
    content: "";
    display: block;
    position: relative;
    margin-top: 10px;
    background: #c4161c;
    height: 3px;
    width: 100%;
}
.whychooseus_desc{
  font-size: 16px;
}

#calltoaction1{
	background: url('../img/content/HOME-MCE-Marketing-Sdn-Bhd-Background-Image_1.jpg') no-repeat center center fixed;
	background: cover;
}
#calltoaction2{
	background: url('../img/content/HOME-MCE-Marketing-Sdn-Bhd-Background-Image_2.jpg') no-repeat center center fixed;
	background: cover;
}

.background-red{
	background: #c4161c;
}
.text-white,.text-white *{
	color:#fff;
}

.side-white-line{
	position: relative;
	background:none;
}
.background-red .side-white-line .no-line{
	position: relative;
	background: #c4161c;
	padding-left:10px;
	padding-right:10px;
}
.side-white-line:before{
	position: absolute;
	display: block;
	content: "";
	top:50%;
	transform: translateY(-50%);
	height: 3px;
	width: 100%;
	background: #fff;
	left: 0;
	margin-right:10px;
}

.mce_form input, .mce_form textarea, .mce_form button{
  color: #FFF;
  background: none;
  border: 2px solid #FFF;
  border-radius: 30px;
  margin-bottom: 20px;
}

.mce_form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
}
.mce_form ::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
}
.mce_form :-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
}
.mce_form :-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
}

.mce_form .btn-mce{
  color: #c4161c;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 30px;
  text-transform: uppercase;
  padding: 6px 12px;
}


/*Subpage*/
.g-map{
  height: 350px;
}
.contact_bg{
  background:url('../img/content/contact_bg.jpg') no-repeat;
  background-size: 100% 100%;
}
.contact_form_wrapper{
  background:url('../img/content/contact_form_bg.png') no-repeat;
  background-size: 100% 100%;
  padding: 60px 0px;  
}
.mce_form2 input, .mce_form2 textarea, .mce_form2 button{
  color: #c4161c;
  background: none;
  border: 2px solid #c4161c;
  border-radius: 30px;
  margin-bottom: 20px;
}

.mce_form2 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c4161c !important;
}
.mce_form2 ::-moz-placeholder { /* Firefox 19+ */
  color: #c4161c !important;
}
.mce_form2 :-ms-input-placeholder { /* IE 10+ */
  color: #c4161c !important;
}
.mce_form2 :-moz-placeholder { /* Firefox 18- */
  color: #c4161c !important;
}

.mce_form2 .btn-mce{
  color: #fff;
  background: #c4161c;
  border: 2px solid #c4161c;
  border-radius: 30px;
  text-transform: uppercase;
  padding: 6px 12px;
}

.text-v-divider2{
  position:relative; 
  padding-left: 18px;
}
.text-v-divider2:before{
  content: "";
  display: block;
  position:absolute; 
  left:0;
  bottom: 0;
  background:#c4161c;
  width: 5px;
  height:100%;
}
@media (max-width: 991px){
  .text-v-divider2.responsive-text{
      font-size:30px;
      line-height: 35px;
  }
}

.supply_installation_title{
  font-size: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'BreeSerif-Regular', sans-serif;
}


/*Product Category / Main page*/
.mce-grid a{
  color:#fff;
  font-family: 'BreeSerif-Regular', sans-serif;
  font-size: 18px;
}
.mce-grid .cbp-item{
  border:2px solid #c4161c;
}
.mce-grid-body{
  color:#fff;
}
.cbp-l-caption-alignCenter .cbp-l-caption-body{
  padding: 15px;
}

#grid-container.mce-grid .cbp-item{
    border: 0;
}
#grid-container.cbp-caption-zoom .cbp-caption{
    border: 2px solid #c4161c;   
}
#grid-container a{
  color:#494949;
  display: block;
  text-align: center;
}

/*Product View*/
.product_wrapper{
  padding:25px 40px;
  -webkit-box-shadow: 0px 3px 33px 5px rgba(181,181,181,1);
  -moz-box-shadow: 0px 3px 33px 5px rgba(181,181,181,1);
  box-shadow: 0px 3px 33px 5px rgba(181,181,181,1);
}
.product_features h3{
  font-weight: bold;
  margin-bottom: 0;
}
.product_features hr{
  margin: 10px 0 20px;
  border:2px solid #252525;
}
.product_wrapper p{
  margin-bottom: 25px;
}

.short_description table td, .long_description table td{
  padding:5px;
}
.short_description table, .long_description table{
  margin-bottom: 20px;
}